2 files changed, 7 insertions, 1 deletions
diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte
index 65e936bb..3c64f80f 100644
--- a/src/routes/(app)/[username]/(profile)/+layout.svelte
+++ b/src/routes/(app)/[username]/(profile)/+layout.svelte
@@ -153,6 +153,7 @@
             ? `/send/${subject.username}`
             : `/${subject.username}/receive`}
           class="contents"
+          id="payButton"
         >
           <button
             class="rounded-2xl border py-5 px-6 font-bold hover:opacity-80 flex w-60 grow"
diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index e681c214..0fc26c85 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -71,6 +71,11 @@
       dragDisabled = false;
   }
 
+  $: if (total > 0 && browser) {
+      let payButton = document.querySelector("#payButton");
+    payButton.addEventListener("click", checkout);
+  }
+
   let checkout = async () => {
     let invoice = {
       type: "lightning",
@@ -87,7 +92,7 @@
       user: { username: subject.username },
     });
 
-      goto(`/send/invoice/${id}`, { invalidateAll: true });
+    goto(`/send/invoice/${id}`, { invalidateAll: true });
   };
 
   let reset = () =>